<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>我的笔记类型</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="websrc/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="websrc/css/common.css">
    <link rel="stylesheet" href="websrc/css/notetype.css">

    <script src="websrc/js/jquery-3.2.1.js"></script>
    <script src="websrc/js/common.js"></script>
    <script src="websrc/js/card.js"></script>

    <script src="websrc/js/cardstyle.js"></script>


</head>
<body style="background-color: white;">
<!--导航栏-->
<div class="header clearfix">
    <nav class="navbar navbar-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed"
                        data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span> <span
                        class="icon-bar"></span>
                </button>
                <a class="navbar-brand header-left clearfix" href="#">
                    <div class="logo">LOGO</div>
                    <div class="projectName">记忆宫殿</div>
                    <div class="projectEnglishName">Memory Palace</div>
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse"
                 id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a href="/memorypalace/index-login.html">个人首页</a></li>
                    <li><a href="/memorypalace/study/getsl.action">学习列表</a></li>
                    <li class="active"><a
                            href="/memorypalace/mydeck.html">浏览牌组</a></li>
                    <li><a href="/memorypalace/myknowledgetree.html">知识体系</a></li>



                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">Wing</a></li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
</div>
<!--路径导航-->
<ol class="breadcrumb clearfix mypagewidth">
    <li><a href="/memorypalace/mydeck.html">牌组浏览</a></li>
    <li><a
            href="/memorypalace/card.html?deckId=fe6e5024-3857-11e7-8e4c-e18a12b866d4">翻译</a></li>
    <li class="active" id="noteTypeNameLi">笔记类型</li>

</ol>
<script src="websrc/js/editNoteType.js"></script>

<ul class="nav nav-tabs mypagewidth" id="navUl" style="position: relative">
    <li role="presentation" class="active" style="position: relative">
        <a>
            <span id="span1" ondblclick="spanOnDBClick(this)">
                Home
            </span>
            <input id="input1" style="display: none" onblur="titleOnBlur(this)" value="Home">
        </a>
    </li>
    <li role="presentation"><a href="#">Profile</a></li>
    <li role="presentation"><a href="#">Messages</a></li>
    <div class="btn-group toolbar-right" role="group" aria-label="..."
         style="position: absolute;top:0px;right: 10px;">
        <button id="" type="button"
                class="btn btn-default" onclick="addCardStyle()">添加
        </button>
        <button type="button" class="btn btn-default"
                onclick="deleteCardStyle()">删除
        </button>
        <!--<button type="button" class="btn btn-default" onclick="showError()">提示</button>-->
    </div>
</ul>

<div class="mypagewidth clearfix" style="margin-top: 10px">
    <div style="float: left;padding-right:10px;width: 50%;height: 100%;">
        正面
        <div class="square">
            <textarea id="front" onchange="change0(this.id)"></textarea>
        </div>
        样式
        <div class="square">
            <textarea id="css" onchange="change0(this.id)"></textarea>
        </div>
        反面
        <div class="square">
            <textarea id="back" onchange="change0(this.id)"></textarea>
        </div>
    </div>
    <style id="cardCss">
    </style>
    <div style="float: right;" class="preview">
        <div>
            <span>正面预览</span>
            <div class="showFront card" id="showFront"></div>
        </div>
        <div>
            <span>反面预览</span>
            <div class="showBack card" id="showBack"></div>
        </div>
    </div>
</div>


<script src="websrc/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

<script src="websrc/plug-in/jQuery-mtk/js/classie.js"></script>
<script src="websrc/plug-in/jQuery-mtk/js/modalEffects.js"></script>
</body>
</html>